.wrap {
    width: 100%;
}

.modal {
    position: relative;
    padding: 4px 8px;
    background-color: var(--color_f8);
    border-radius: 4px;
    border: 1px solid rgb(188, 188, 188);
    cursor: pointer;
    margin-left: 20%;
}

/* 模态框 */
.modalPositon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: gray; */
    opacity: .7;
}
.modalHide {
    display: none;
}
.modalWrap {
    position: absolute;
    left: 20%;
    top: 17%;
    width: 200px;
    height: 300px;
    border: 1px solid skyblue;
}